html,body,#app{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: rgb(241 242 245);
}
#app{
    position: relative;
}
.login_body{
    width: 730px;
    height: 500px;
    background: rgb(255 255 255);
    position: absolute;
    top: 50%; /* 相对于父容器顶部垂直居中 */
    left: 50%; /* 相对于父容器左侧水平居中 */
    transform: translate(-50%, -50%); /* 移动自身尺寸的一半，实现完全居中效果 */
    border-radius: 8px;
    box-shadow:0 1px 2px 0 rgb(0 0 0 / .05);
    display: flex;
}
.left_pane{
    width: 330px;
    height: 100%;
}
.right_pane{
    flex: 1;
    height: 100%;
    padding: 20px 20px 0;
    box-sizing: border-box;
}